<script setup lang="ts">
const props = defineProps({
  error: Object
})
const handleError = () => clearError({ redirect:  useStore.userState().indexPath })
</script>

<template>

  <div class="flexbox">
    <img src="/assets/imgs/404.png">
    <p class="mt40">{{ error.url}}是{{error.statusMessage}}</p>
    <p style="font-size: 18px; line-height: 40px;">
      当前角色没有分配此路由，如果确定要使用本路由，请到联系管理员到角色管理进行分配</p>
    <button @click="handleError" aria-disabled="false" type="button" class="el-button"><!--v-if--><span class="">返回首页</span></button>
  </div>
</template>
<style>
  .flexbox{display: flex;flex-direction: column;width: 740px;margin: 100px auto;text-align: center}
</style>